<template>
  <div>
    <h2>{{ count }}</h2>
    <h2>{{ doubbleCount }}</h2>
    <button @click="INCREMENT(2)">+</button>
    <button @click="incrementAsync(3)">+</button>
  </div>
</template>

<script lang='ts'>
import {mapState,mapMutations,mapActions,mapGetters} from 'vuex'
export default{
    computed:{
        ...mapState(['count']),
        ...mapGetters(['doubbleCount'])
    },
    methods:{
        ...mapMutations(['INCREMENT']),
        ...mapActions(['incrementAsync'])
    }

}
</script>

<style lang='scss' scoped>
</style>